﻿.homepage section[role=main] {
    margin: auto 120px;
}

#contentGrid {
    display: -ms-grid;
    -ms-grid-rows: 50px 70px auto;
    margin: 20px 120px 0px 120px;
}

#getPhotoButton {
    -ms-grid-row: 1;
    width: 120px;
    height: 20px;
}

#imageName {
    -ms-grid-row: 2;
}

#imageGrid {
    -ms-grid-row: 3;
}

.pageSubheader {
    font-family: 'Segoe UI Light';
    font-size: 20px;
    vertical-align: bottom;
    margin: 0px 0px 40px 0px;
}

#imageGrid {
    -ms-grid-row: 3;
    display: -ms-grid;
    -ms-grid-columns: auto auto;
}

#displayImage {
    -ms-grid-column: 1;
    width: 375px;
    max-height: 375px;
    border: 1px solid black;
    background-color: gray;
}

#imageInfoContainer {
    -ms-grid-column: 2;
    margin-left: 20px;
}

#imageInfoContainer > div {
    margin-left: 20px;
    margin-bottom: 40px;
    width: 400px;
    word-wrap: break-word;
}